<template>
    <div>
        <el-container class="nepmView-container">
            <el-header style="background-color: #545c64;padding: 0;">
                <headerView></headerView>
            </el-header>
            <el-container>
                <!-- <el-aside width="250px" style="background-color: #d9ecff;"></el-aside> -->
                <asizeView></asizeView>
                <el-main style="background-color: #ddd;">
                    <div style="width: 100%;height: 100%;background-color:#f2f3f5;">
                        <router-view></router-view>
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import headerView from '../../components/common/header.vue';
import asizeView from '../../components/common/asize.vue';

import { useRoute, useRouter } from 'vue-router'
const router = useRouter()

// import { useStore, mapState } from 'vuex'
import { onMounted, ref } from 'vue';
let menuCollapse = ref(false)
// const store = useStore()
// const state = mapState(['meunCollapse']) as any
// const storeState: any = {}
// Object.keys(state).forEach(fnKey => {
//     const fn = state[fnKey].bind({ $store: store })
//     storeState[fnKey] = computed(fn)
// })

const handleCollapse = () => {
    menuCollapse.value = !menuCollapse.value
}

onMounted(() => {
    // router.push('/nepm/roles')
})

</script>

<style lang="scss" scoped>
.nepmView-container {
    background-color: #ddd;
    width: 100vw;
    height: 100vh;
}
</style>